<template>
	<view class="content">
		<view class="search">
			<u-search v-model="name" v-on:custom="handleSearch" height="60rpx" searchIconColor="#000000"
				searchIconSize="34rpx" margin="14rpx" bgColor="#fff"
				:actionStyle="{'color': '#fff','background-color':'#447CFF','border-radius':'20rpx','height':'60rpx','width':'104rpx','line-height': '58rpx'}"
				placeholder="输入名称搜索"></u-search>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				name: "",
			}
		},
		methods: {
			handleSearch() {
				this.$emit("search", this.name)
			}
		},
		mounted() {}
	}
</script>

<style lang="scss">
	.content {
		text-align: center;

		.search {
			width: 750rpx;
		}
	}
</style>